<template>
  <div class="header">
    <router-link to="/msite" class="back">
      <span class="iconfont icon-fanhui"></span>
    </router-link>
    <div class="content-wrapper">
      <div class="avatar">
        <!--商家头像-->
        <img style="width: 2.4rem;height: 2.4rem;" :src="$route.query.image_path">
      </div>
      <div class="content">
        <div class="content_title">
          <span class="brand"></span>
          <!--商家名称-->
          <span class="name">{{$route.query.name}}</span>
        </div>
        <!--配送费，以及配多少元起配送-->
        <div class="description"> ¥{{$route.query.float_minimum_order_amount}}起送/配送费约¥{{$route.query.float_delivery_fee}} </div>
        <div class="support">
            <!--评分-->
            <span class="text">评分： {{$route.query.rating}}分</span>
        </div>
      </div>
    </div>
    <div class="bulletin-wrapper">
      <!--从商家说明，公告-->
      <span class="bulletin-title"></span><span class="bulletin-text">{{$route.query.promotion_info}}</span>
      <i class="icon-keyboard_arrow_right"></i>
    </div>
    <div class="background">
      <!--商家头部背景图片-->
      <img width="100%" height="100%" :src="$route.query.image_path">
    </div>
  </div>
</template>

<script>
  import Star from '../Star/Star.vue'  //引入评论'星星'
  export default {
    components:{
      Star,         //创建星星组件
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import 'css/classify.css';
  @import 'css/base.css';
  .back
    position: absolute
    top .375rem
    left .375rem
    display block
    z-index 100
  .icon-fanhui
    font-size 1.125rem
    color #A9A9A9
</style>
